.tab(@num) {
	.g-clr();
	li {
		width: 100 / @num + 0%;
		float: left;
	}
}

.slideContainer() {
	position: relative;
	.slide {
		display: none;
		&.curr {
			display: block;
		}
	}
}
//产品展示组件类 @col 列   @width 产品宽度 @pr 产品两边间距
.exhibit(@col; @width; @pr){
	width: @col * ( @width + @pr * 2 ) + 0px;
	margin: 0 auto;
	.g-clr();
	li {
		width: @width + 0px;
		float: left;
		padding-left: @pr + 0px;
		padding-right: @pr + 0px;
	}
}

.img() {
	width: 100%;
	height: auto;
	display: block;
	margin: 0 auto;	
}



//<div class="choose choose-server-3">
//	<div class="body">
//		<div class="input">所有服务器</div>
//		<div class="more"></div>
//	</div>
//	<ul class="data">
//		<li>1</li>
//		<li>2</li>
//		<li>3</li>
//	</ul>
//</div>

@fi_w: 110px;
@fi_h: 30px;
@fi_m_w: 22px;
@fi_m_h: @fi_h;
@fi_lh: @fi_h;
@fi_color: #333333;
@fi_fz: 14px;
@fi_fw: bold;
@fi_bgc: #fff; //伪表单
//.choose(@fi_w,@fi_h,@fi_m_w,@fi_color,@fi_fz,@fi_fw,@fi_bgc);
//.choose(110px,30px,22px,#333333,14px,bold,#fff);
//.choose>.body>.input+.more^ul.data>li*3
//.choose(@fi_w,@fi_h,@fi_m_w,@fi_m_h,@fi_lh,@fi_color,@fi_font,@fi_bgc) {
.choose(@fi_w, @fi_h, @fi_m_w, @fi_color, @fi_fz, @fi_fw, @fi_bgc) {
	position: relative;
	.body {
		width: @fi_w + @fi_m_w;
		height: @fi_h;
		background: @fi_bgc;
		.g-clr();
		.input {
			width: @fi_w;
			height: @fi_h;
			line-height: @fi_lh;
			float: left;
			color: @fi_color;
			font-size: @fi_fz;
			font-weight: @fi_fw;
			text-align: center;
			cursor: pointer;
		}
		.more {
			width: @fi_m_w;
			height: @fi_h;
			float: left;
			background:center url("../img/fi_more.png") no-repeat;
			cursor: pointer;
			&:active {
//				background:center url("../img/fi_more_h.png") no-repeat;
			}
		}
	}
	.data {
		width: @fi_w + @fi_m_w + 4px;
		position: absolute;
		top: @fi_h + 2px;
		left: 0;
//		background: lighten(@fi_bgc, 3%);
		background-color: #4d4b4b;
		z-index: 1;
		display: none;
		li {
			width: @fi_w + @fi_m_w + 2px;
			height: @fi_h;
			line-height: @fi_lh;
			color: @fi_color;
			font-size: @fi_fz;
			font-weight: @fi_fw;
//			text-indent: ceil((@fi_w + @fi_m_w)/10);
			cursor: pointer;
			text-align: center;
			&:hover {
//				color: @fi_bgc;
//				background: lighten(@fi_color, 20%);
				background-color: #6f6e68;
			}
		}
	}
}